<template>
  <view>
    <button open-type="getUserInfo" @getuserinfo="getUserInfoByBtn" type="primary">微信登录</button>
  </view>
</template>

<script>
export default {
  onLoad () {
    this.getUserInfoByApi()
  },
  methods: {
    // 使用API获取用户信息
    getUserInfoByApi () {
      uni.getUserInfo({
        success (res) {
          console.log(res)
        },
        fail () {
          console.log(
            '调用获取用户信息API失败！'
          )
        }
      })
    },
    // 通过button形式获取用户信息
    getUserInfoByBtn (res) {
      console.log('微信用户信息：', res.detail)
    }
  },
}
</script>

<style lang="scss" scoped>
button {
  width: 600rpx;
  margin: 200rpx auto 0;
}
</style>